<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf9c9a79f9205b0d3ea7b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/Our+Services+2.png"
            data-image="../../assets/imgs/Our+Services+2.png"
            data-image-dimensions="1920x1250"
            data-image-focal-point="0.5,0.5"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/Our+Services+2.png"
            width="1920"
            height="1250"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="display: block; object-position: 50% 50%"
            srcset="
              ../../assets/imgs/Our+Services+2.png?format=100w   100w,
              ../../assets/imgs/Our+Services+2.png?format=300w   300w,
              ../../assets/imgs/Our+Services+2.png?format=500w   500w,
              ../../assets/imgs/Our+Services+2.png?format=750w   750w,
              ../../assets/imgs/Our+Services+2.png?format=1000w 1000w,
              ../../assets/imgs/Our+Services+2.png?format=1500w 1500w,
              ../../assets/imgs/Our+Services+2.png?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="h2-white h1-1"
                      >
                        Home <em style="font-weight: 300">Care</em>
                      </h1>
                      <p class="sqsrte-large">
                        Be cared for with the peace of mind in your own home
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-box">
                <router-link class="link-1" to="/healthservicesmenu"
                  >Full Service Menu</router-link
                >
              </div>
              <div class="tip1-botm">
                <h3><strong>The meaning of home care services</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  Let the elderly who wish to receive care at their own homes
                  live with peace of mind, and professionals who know the
                  situation of the customers come to visit for nursing. Helps
                  "body care" such as excretion and bathing, and also helps
                  "life support" such as cleaning, washing, and cooking. In
                  addition, chargeable services are also provided when there are
                  difficulties outside the scope of nursing insurance.
                </p>
              </div>
              <div class="tip1">
                <h3>
                  <strong
                    >Compliance with laws and regulations to implement clear
                    services</strong
                  >
                </h3>
              </div>
              <div class="tip2">
                <p>
                  Comply with the Nursing Care Insurance Law and provide clear,
                  law-abiding and easy-to-understand services. In addition, a
                  substantial fee-based service is also provided. The visiting
                  nursing staff should make the customers feel at ease even if
                  the nursing staff who never know each other go in and out of
                  the home.
                </p>
              </div>
              <div class="tip1">
                <h3><strong>Fast and flexible correspondence</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  Keep abreast of the schedule of caregivers at any time, and
                  strive to achieve the most complete response system in
                  response to the client's entrustment. In addition, when it is
                  necessary to respond quickly, even on the same day, as far as
                  possible to meet the customer's one-time (one-day) irregular
                  care needs.
                </p>
              </div>
              <div class="tip1">
                <h3>
                  <strong
                    >On-site nursing service staff of nursing service
                    company</strong
                  >
                </h3>
              </div>
              <div class="tip2">
                <p>
                  Most nursing staff hold the qualification certificate of
                  nursing welfare worker. As a nursing professional, the goal is
                  to provide care services that make customers feel at ease.
                </p>
              </div>
              <div class="tip2">
                <p>
                  With a large number of male nursing staff, we provide reliable
                  nursing services for customers who have difficulty in moving
                  or transfer when going to the hospital.
                </p>
              </div>
              <div class="tip2">
                <p>
                  A meeting of on-site nursing service staff is held once a
                  month to discuss various practical examples, find the best
                  nursing method, and work hard to provide better services.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
    font-weight: 500;
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .content {
    width: 75%;
    word-break: break-word;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  .sqsrte-large {
    font-size: calc((1.4 - 1) * 1.2vw + 1rem);
  }
}
.sqsrte-large {
  text-align: center;
  color: #fff;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 33vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.sqs-block {
  padding: 0 17px;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-box {
  padding-bottom: 17px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1-botm {
  padding-bottom: 17px;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: left;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #333;
  line-height: 30px;
  font-weight: 300;
  font-family: Poppins;
}
.tip3 p {
  margin: 17px 0;
  color: rgb(0, 36, 82);
}
.h3Css {
  padding-bottom: 0;
}
.h3Css h3 {
  text-align: left;
}
</style>
